<template>
    <div>
        <h1>User Profile</h1>
        <input v-model="user.username" placeholder="Enter username" />
        <input v-model="user.email" placeholder="Enter email" />
        <button @click="updateProfile">Update Profile</button>
        <p>Username: {{ user.username }}</p>
        <p>Email: {{ user.email }}</p>
    </div>
</template>

<script setup>
import { useUserStore } from "../store/useUserStore .js"

// 使用 Pinia Store
const user = useUserStore();

// 更新用户信息的方法
function updateProfile() {
    // 这里不需要手动更新，因为 v-model 已经做了双向绑定
    console.log(user.username); // 打印最新的用户名
    console.log(user.email); // 打印最新的邮箱
}
</script>
